<div class="container">
<div class="card">
    <div class="card-header">
<button class="btn btn-primary" (click)="addCarousel()">添加</button>
    </div>

    <div class="card-body">
<table class="table">
    <thead class="thead">
      <tr>
        <!-- <th  style="width:10%;text-align: center;">#</th> -->
        <th  style="width:10%;text-align: center;">标题</th>
        <th  style="width:10%;text-align: center;">描述</th>
        <th  style="width:10%;text-align: center;">图片</th>
        <th>操作</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let c of cl" >
        <!-- <th scope="row" style="width:10%;height:50px;overflow:hidden;vertical-align:middle;">1</th> -->
        <td style="width:10%;height:50px;overflow:hidden;vertical-align:middle;">{{c.title}}</td>
        <td style="width:10%;height:50px;overflow:hidden;vertical-align:middle;">{{c.discription}}</td>
        <td style="width:10%;height:50px;overflow:hidden;vertical-align:middle;">
            <img src="{{c.pic}}" width="200" height="150"/>
        </td>

        <td style="width:10%;overflow:hidden;vertical-align:middle;">
<button class="btn btn-success" (click)="updateCarousel(c.carouselid)">修改</button>
<button class="btn btn-danger" (click)="deleteCarousel(c.carouselid)">删除</button>
        </td>
      </tr>
      
    </tbody>
  </table>
</div>

</div>
</div>